<template>
  <!-- 订单状态 -->
  <div class="order">
    <van-grid :border="false">
      <van-grid-item text="待付款">
        <van-icon name="pending-payment" color="#dd9e58" size="23px" />
        <p class="fonts">待付款</p>
      </van-grid-item>
      <van-grid-item text="待收货">
        <van-icon name="logistics" color="#dd9e58" size="23px" />
        <p class="fonts">待收货</p>
      </van-grid-item>
      <van-grid-item text="已完成">
        <van-icon name="after-sale" color="#dd9e58" size="23px" />
        <p class="fonts">已完成</p>
      </van-grid-item>
      <van-grid-item text="全部订单">
        <van-icon name="completed" color="#f63515" size="23px" />
        <p class="fonts">全部订单</p>
      </van-grid-item>
    </van-grid>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.order {
  height: 83px;
  //   padding: 5px 0;

  .fonts {
    font-size: 13px;
    margin-top: 10px;
  }
}
</style>
